.page{
	background-color: #f8f8f8;
	height: 100vh;
}

.contnet {
		width: 100%;
		padding: 30rpx 20rpx 0;
		box-sizing: border-box;
		
		.case-item{
			padding: 20rpx;
			border-radius: 40rpx;
			background-color: #fff;
			display: flex;
			margin-bottom: 20rpx;
			
			.case-img{
				width: 246rpx;
				height: 186rpx;
				background: #D8D8D8;
				border-radius: 28rpx;
				margin-right: 14rpx;
			}
			
			.case-right{
				width: calc(100% - 200rpx);
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				
				.case-title{
					font-weight: 500;
					font-size: 32rpx;
					color: #373A46;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
					overflow-wrap: break-word;
				}
				.case-tag{
					margin-top: 8rpx;
					font-weight: 400;
					font-size: 26rpx;
					color: #A3A7A6;
					
					span{
						margin-right: 8rpx;
					}
				}
				.case-author-box{
					font-weight: 400;
					font-size: 26rpx;
					color: #A3A7A6;
					text-align: left;
					margin-bottom: 4rpx;
				}
				
			}
		}
	
	}
	